<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
    <!--相对路径，从当前文件出发 ../当前文件所在的上一级目录
    若同级直接写图片名全称-->
    <img src="test1.png">
    <img src="image/test2.png">
    <img src="../test3.png">
    <!--当图片显示不出来时会显示alt中的内容-->
    <img src="" alt="图片6"><br>
    <!--px：屏幕上最小发光点
    width：宽度
    height：高度
    当只改变其中一个时等比例缩放-->
    <img src="test1.png" width="100px" title="这是一张图片"><!--title:光标放在图片上时显示提示信息-->
    <br>
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///f93f25fba0a84f72be47f5058f84a655.png"><br>
    <img src="\Web\day01\test1.png">
</body>
</html>